<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $cfg_soft_lang; ?>">
  <title>增加广告</title>
  <link rel="stylesheet" href="../static/web/css/bootstrap.min.css">
  <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/web/css/admin.css">
  <link rel="stylesheet" href="../static/web/css/daterangepicker.css">
  <script src="../static/web/js/jquery.min.js" language="javascript" type="text/javascript"></script>
  <script type="text/javascript" src="../static/web/js/moment.min.js"></script>
  <script type="text/javascript" src="../static/web/js/daterangepicker.js"></script>
  <script language="javascript">
    function checkSubmit() {
      if (document.form1.tagname.value == "") {
        alert("广告标识不能为空");
        document.form1.tagname.focus();
        return false;
      }
    }
    $(document).ready(function () {
      $('.datepicker').daterangepicker({
        "singleDatePicker": true,
        "autoApply": true,
        "showDropdowns": true,
        "linkedCalendars": false,
        "timePicker": true,
        "timePicker24Hour": true,
        //"timePickerSeconds": true,
        "showCustomRangeLabel": false,
        ranges: {
          '今日': [moment(), moment()],
          '昨日': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
          '本月': [moment().startOf('month'), moment().startOf('month')],
          '上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').startOf('month')]
        },
        "locale": {
          format: 'YYYY-MM-DD HH:mm',
          applyLabel: '确定',
          cancelLabel: '取消',
          daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
          monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
            '七月', '八月', '九月', '十月', '十一月', '十二月'],
          firstDay: 1
        }
      }, function (start) {
        $(this).val(start.format("YYYY-MM-DD HH:mm"));
      });
    })
  </script>
  <style>
    .typetab {
      text-align: left;
    }
    .typetab ul {
      list-style: none;
    }
    .typetab ul li {
      float: left;
      margin: 5px 5px 0px;
      width: 64px;
      height: 26px;
      line-height: 26px;
      background: url(../static/web/img/adtype_link.gif) no-repeat scroll 0px 0px;
      text-align: center;
      cursor: pointer;
    }
    .typetab ul .act {
      background: url(../static/web/img/adtype_act.gif) no-repeat scroll 0px 0px;
    }
    .i_table {
      border: 1px solid #eee;
    }
  </style>
</head>
<body>
  <form action="ad_add.php" method="post" name="form1" onSubmit="return checkSubmit()">
    <table width="98%" cellpadding="3" cellspacing="1" align="center" class="table maintable mt-3 mb-3">
      <tr>
        <td height="26" background="../static/web/img/tbg.gif" style="padding-left:10px"><a href="ad_main.php">广告管理</a> &gt; 增加广告位置</td>
      </tr>
      <tr>
        <td>
          <table width="100%" cellspacing="4" cellpadding="4" class="table table-borderless">
            <input name="normbody[style]" type="hidden" value="code" id="adstyle">
            <input type="hidden" name="_csrf_token" value="<?php echo $GLOBALS['csrf_token']; ?>">
            <input type='hidden' name='dopost' value='save'>
            <tr>
              <td height="26" colspan="3">广告代码的调用方法：{dede:myad name='广告位标识'/} </td>
            </tr>
            <tr>
              <td height="26">广告位标识：</td>
              <td colspan="2"><input name="tagname" type="text" id="tagname" class="iptxt" style="width:260px">（使用英文或数字表示的简洁标识）</td>
            </tr>
            <tr>
              <td height="26">广告分类：</td>
              <td colspan="2">
                <select name='clsid' id="clsid" style='width:160px'>
                  <option value='0'>默认分类</option>
                  <?php echo $option; ?>
                </select>
              </td>
            </tr>
            <tr>
              <td height="26">广告投放范围：</td>
              <td colspan="2"><?php
      $tl = new TypeLink(0);
      $typeOptions = $tl->GetOptionArray(0,0,0);
      echo "<select name='typeid' style='width:160px'>";
      echo "<option value='0' selected>投放在没有同名标识的所有栏目</option>";
      echo $typeOptions;
      echo "</select>";
      ?>
                <br>
              （如果在所选栏目找不到指定标识的广告内容，系统会自动搜索父栏目）</td>
            </tr>
            <tr>
              <td height="26">广告位名称：</td>
              <td colspan="2"><input name="adname" type="text" id="adname" class="iptxt" style="width:260px"></td>
            </tr>
            <tr>
              <td height="26">时间限制：</td>
              <td colspan="2">
                <input name="timeset" type="radio" class="np" value="0" checked='1' id="notimelimit">
                <label for="notimelimit">永不过期</label>
                <input type="radio" name="timeset" class="np" value="1" id="timelimit">
                <label for="timelimit">在设内时间内有效</label>
              </td>
            </tr>
            <tr>
              <td height="26">投放时间：</td>
              <td colspan="2">从
                <input name="starttime" type="text" id="starttime" value="<?php echo $startDay?>" class='iptxt datepicker' style="width:160px">
                到
                <input name="endtime" type="text" id="endtime" value="<?php echo $endDay?>" class='iptxt datepicker' style="width:160px">
              </td>
            </tr>
            <tr>
              <td height="80">广告内容：</td>
              <td width="70%">
                <div class="typetab">
                  <ul id="changeTab">
                    <li id="t_code" class="act">代码</li>
                    <li id="t_txt">文字</li>
                    <li id="t_img">图片</li>
                    <li id="t_flash">Flash</li>
                  </ul>
                  <div style="clear:both"></div>
                </div>
                <div id='advert'></div>
              </td>
              <td width="10%"></td>
            </tr>
            <tr>
              <td height="80">过期显示内容：</td>
              <td><textarea name="expbody" rows="10" id="expbody" style="width:80%;height:100px"></textarea></td>
              <td></td>
            </tr>
            <tr>
              <td colspan="3" align="center" class="py-3"><button type="submit" class="btn btn-success btn-sm">保存</button></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </form>
  <div style="display:none" id="formtxt">
    <div class="content" id="code" style="display:none">
      <table width="80%" cellpadding="3" cellspacing="1" class="i_table">
        <tr class="b">
          <td width="260">广告代码:<br>
            请填写广告代码，支持html代码</td>
          <td><textarea name="normbody[htmlcode]" style="width:380px;height:100px"></textarea></td>
        </tr>
      </table>
    </div>
    <div class="content" id="txt" style="display:none">
      <table width="80%" cellpadding=3 cellspacing=1 class='i_table'>
        <tr>
          <td class="b" width="260">文字内容 *</td>
          <td class="b"><input type="text" name="normbody[title]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">文字链接 *</td>
          <td class="b"><input type="text" name="normbody[link]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">文字颜色</td>
          <td class="b"><input type="text" name="normbody[color]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">文字大小</td>
          <td class="b"><input type="text" name="normbody[size]" value="" class="iptxt" style="width:360px"></td>
        </tr>
      </table>
    </div>
    <div class="content" id="img" style="display:none">
      <table width="80%" cellpadding=3 cellspacing=1 class='i_table'>
        <tr>
          <td class="b" width="260">图片地址 *</td>
          <td class="b"><input type="text" name="normbody[url]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">图片链接 *</td>
          <td class="b"><input type="text" name="normbody[link]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">图片宽度</td>
          <td class="b"><input type="text" name="normbody[width]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">图片高度</td>
          <td class="b"><input type="text" name="normbody[height]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">图片描述</td>
          <td class="b"><input type="text" name="normbody[descrip]" value="" class="iptxt" style="width:360px"></td>
        </tr>
      </table>
    </div>
    <div class="content" id="flash" style="display:none">
      <table width="80%" cellpadding=3 cellspacing=1 class='i_table'>
        <tr>
          <td class="b" width="260">flash链接</td>
          <td class="b"><input type="text" name="normbody[link]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">flash宽度</td>
          <td class="b"><input type="text" name="normbody[width]" value="" class="iptxt" style="width:360px"></td>
        </tr>
        <tr>
          <td class="b">flash高度</td>
          <td class="b"><input type="text" name="normbody[height]" value="" class="iptxt" style="width:360px"></td>
        </tr>
      </table>
    </div>
  </div>
  <script language="JavaScript">
      (function ($) {
        function showcode(idName) {
          $("#advert").html("").html($("#formtxt>#" + idName).html());
          $("#adstyle").val(idName);
        }
        showcode('code');
        $("#changeTab>li").click(function () {
          var tabLi = $(this);
          var thistab = tabLi[0].id;
          $(".content").each(function () {
            if ("t_" + $(this)[0].id == thistab) {
              $("#changeTab>li").removeClass("act");
              $("#t_" + $(this)[0].id).addClass("act");
              showcode($(this)[0].id);
            }
          })
        })
      })(jQuery);
  </script>
</body>
</html>